<template>
	<view class="app-components-goods-list ">
			<view class="e-flex e-flex-items-start">
				<view class="e-flex-2 e-p-r-8">
					<GoodsItemComponent :info="item" :iconClass="iconClass" :showIcon="showIcon" v-for="item in leftGoodsList" :key="item.id" />
					
				</view>
				<view class="e-flex-2 e-p-l-8">
					<GoodsItemComponent :info="item" :iconClass="iconClass" :showIcon="showIcon" v-for="item in rightGoodsList" :key="item.id" />
					
				</view>
			</view>
	</view>
</template>
<script lang="ts">
	import {
		defineComponent
	} from 'vue'
	export default defineComponent ({
		// #ifdef MP-WEIXIN
		// 将自定义节点设置成虚拟的，更加接近Vue组件的表现
		options: {
			virtualHost: true
		},
		// #endif
	})
</script>

<script setup lang="ts">
	import type {GoodsItem} from '@/common/request/api'
	import GoodsItemComponent from './child/item.vue'
	
	const props = withDefaults(defineProps<{
		leftGoodsList: GoodsItem[]
		rightGoodsList: GoodsItem[]
		showIcon?: boolean
		iconClass?:string
	}>(),{
		showIcon:true
	})

</script>

<style lang="scss" scoped>
	@include appBem_b(components-goods-list){
		padding: 20rpx 24rpx;
	}

</style>
